<template>
	<el-dialog v-model="centerDialogVisible" :title="tipstitle" width="30%" center @close="cancle">
	    <span
	      >{{tipscont}}</span
	    >
	    <template #footer>
	      <span class="dialog-footer">
	        <el-button @click="cancle">取消</el-button>
	        <el-button type="primary" @click="sure"
	          >确定</el-button
	        >
	      </span>
	    </template>
	  </el-dialog>
</template>

<script>
	export default{
		props:['tipstitle','tipscont','centerDialogVisible'],
		data(){
			return{
			}
		},
		methods:{
			cancle(){
				this.$emit('cancel', 'cancel')
			},
			sure(){
				this.$emit('sure', 'sure')
			}
		}
	}
</script>

<style lang="less" scoped>
	.el-dialog--center{
		text-align: center;
		border-radius: 0.1rem;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		margin: auto;
		height: fit-content;
	}
	/deep/ .el-dialog--center .el-dialog__body{
		text-align:center;
	}
</style>
